<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="bootstrap4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
<title>首页</title>
</head>
<body>
<div class="banner hidden-sm-down">
	<img class="banner_img" src="img/bg.jpg" />
	<img class="logo" src="img/logo.png" />
</div>
<header class="my-header">
	<nav class="navbar navbar-light bg-faded">
		<div class="container">
			<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
			<a href="" class="btn btn-outline-secondary float-xs-right">退出</a>
			<a href="/" class="form-inline float-xs-right center">
	        	<img src="img/Personal-Center.png" />
				<span>个人中心</span>
		    </a>
		    <div class="collapse navbar-toggleable-xs" id="navbar-header">
		      <ul class="nav navbar-nav">
		      	<li class="nav-item">
		          <a class="nav-link" href="#">Navbar</a>
		      	</li>
		        <li class="nav-item dropdown">
				    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
				    <div class="dropdown-menu">
				      <a class="dropdown-item" href="#">Action</a>
				      <a class="dropdown-item" href="#">Another action</a>
				      <a class="dropdown-item" href="#">Something else here</a>
				      <div class="dropdown-divider"></div>
				      <a class="dropdown-item" href="#">Separated link</a>
				    </div>
				</li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Features</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Pricing</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">About</a>
		        </li>
		      </ul>
		    </div>
		</div>
	</nav>
</header>
<section class="container">
		<div class="jumbotron jumbotron-fluid" style="background: white;">
		  <div class="container">
		  	<div class="jumbotron">
			  <h1 class="display-3">Hello, world!</h1>
			  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
			  <hr class="m-y-md">
			  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
			</div>
		  	<div class="row">
		  		<div class="col-md-6">
		  			<div class="head">
		  				最新产品
		  			</div>
		  			<div class="Lists">
		  				<div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
							<ol class="carousel-indicators">
						      <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li>
						      <li data-target="#carousel-example-captions" data-slide-to="1"></li>
						      <li data-target="#carousel-example-captions" data-slide-to="2"></li>
						    </ol>
						    <div class="carousel-inner" role="listbox">
						      <div class="carousel-item active p-0">
						        <img src="img/product.jpg" style="height: 300px;width: 100%;" alt="First slide image" />
						        <div class="carousel-caption">
						          <h3>First slide label</h3>
						          <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
						        </div>
						      </div>
						      <div class="carousel-item p-0">
						        <img src="img/product.jpg" style="height: 300px;width: 100%" alt="Second slide image" />
						        <div class="carousel-caption">
						          <h3>Second slide label</h3>
						          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
						        </div>
						      </div>
						      <div class="carousel-item p-0">
						        <img src="img/product.jpg" style="height: 300px;width: 100%" alt="Third slide image" />
						        <div class="carousel-caption">
						          <h3>Third slide label</h3>
						          <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
						        </div>
						      </div>
						    </div>
						    <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev">
						      <span class="icon-prev" aria-hidden="true"></span>
						      <span class="sr-only">Previous</span>
						    </a>
						    <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next">
						      <span class="icon-next" aria-hidden="true"></span>
						      <span class="sr-only">Next</span>
						    </a>
					    </div>
		  			</div>
		  		</div>
		  		<div class="col-md-6">
		  			<div class="head">
		  				系统公告
		  			</div>
		  			<div class="Lists pd">
		  				<div class="jumbotron jumbotron-fluid">
						  <div class="container">
						    <h1 class="display-3">Fluid jumbotron</h1>
						    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of it's parent.This is a modified jumbotron that occupies the entire horizontal space of it's parent.</p>
						  </div>
						</div>
		  			</div>
		  		</div>
		  	</div>
		  	<div class="row">
		  		<div class="col-md-6">
		  			<div class="head">
		  				登录信息
		  			</div>
		  			<div class="Lists">
		  				<table class="table table-striped login_data">
						  <tbody>
						  	<tr>
						      <th>账户</th>
						      <td>k9999</td>
						    </tr>
						    <tr>
						      <th scope="row">会员等级</th>
						      <td>黄金会员</td>
						    </tr>
						    <tr>
						      <th scope="row"><i class="iconfont icon-jinqian"></i>奖励积分</th>
						      <td>￥500</td>
						    </tr>
						    <tr>
						      <th scope="row"><i class="iconfont icon-peiziiconfont04"></i>奖励积分</th>
						      <td>￥500</td>
						    </tr>
						    <tr>
						      <th scope="row"><i class="iconfont icon-jinqianxiaotubiao"></i></i>奖励积分</th>
						      <td>￥500</td>
						    </tr>
						    <tr>
						      <th scope="row"><i class="iconfont icon-jinqianyishipeichang"></i>奖励积分</th>
						      <td>￥500</td>
						    </tr>
						    <tr>
						      <th scope="row"><i class="iconfont icon-qian-copy"></i>奖励积分</th>
						      <td>￥500</td>
						    </tr>
						    <tr>
						      <th scope="row"><i class="iconfont icon-jinqian2"></i>奖励积分</th>
						      <td>￥500</td>
						    </tr>
						  </tbody>
						</table>
		  			</div>
		  		</div>
		  		<div class="col-md-6">
		  			<div class="head">
		  				推广
		  			</div>
		  			<div class="Lists pd Promotion">
					  <div class="container">
					  	<p>推广链接：<a href="#">www.baidu.com</a></p>
					  	<img class="wechat mr_c" src="img/WeChat.jpg" />
				  		<p class="pd_text">
					  		简介简介简介简介简介简介简简介简介简介简介简介简介简简介简介简介简介简介简介简简介简介简介简介简介简介简简介简介简介简介简介简介简简介简介简介简介简介简介简简介简介简介简介简介简介简简介简介简介简介简
					  	</p>
					  </div>
		  			</div>
		  		</div>
		  	</div>
		  </div>
		</div>
	</section>
</body>
<script src="jquery-3.0.0/jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bootstrap4/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</html>
